function register(){
    window.location.href = "./register.html";
}
$(document).ready(function () {
    $("#login_from").on("submit", function () {
        let userName = $("#userName").val();
        let userPassword = $("#userPassword").val();
        let fromData = {
            "userName": userName,
            "userPassword": securityEncode(userPassword),
        }
        $.ajax({
            url: "loginServlet",
            data: fromData,
            type: "post",
            dataType: "json",
            success: function (res) {
                if (res.code===200){
                    alert(res.msg)
                    window.location.href = "./index.html";
                }else {
                    alert(res.msg)
                }
            },
            error: function (e1, e2, e3) {
                console.log(e1)
                console.log(e2)
                console.log(e3)

            }
        })
        return false;
    })
})
// 加密
function securityEncode(pwd) {
    let strDe = "RDpbLfCPsJZ7fiv";
    let dictionary = "yLwVl0zKqws7LgKPRQ84Mdt708T1qQ3Ha7xv3H7NyU84p21BriUWBU43odz3iP4rBL3cD02KZciX" +
        "TysVXiV8ngg6vL48rPJyAUw0HurW20xqxv9aYb4M9wK1Ae0wlro510qXeU07kV57fQMc8L6aLgML" +
        "wygtc0F10a0Dg70TOoouyFhdysuRMO51yY5ZlOZZLEal1h0t9YQW0Ko7oBwmCAHoic4HYbUyVeU3" +
        "sfQ1xtXcPcf1aT303wAQhv66qzW";
    let output = "";
    let lenMax, len1, len2, lenDict;
    let cl = 0xBB, cr = 0xBB;
    len1 = strDe.length;
    len2 = pwd.length;
    lenDict = dictionary.length;
    lenMax = len1 > len2 ? len1 : len2;
    for (let index = 0; index < lenMax; index++) {
        cl = cr = 0xBB;
        if (index < len1)
            cl = strDe.charCodeAt(index);
        if (index < len2)
            cr = pwd.charCodeAt(index);
        output += dictionary.charAt((cl ^ cr) % lenDict);
    }
    return output
}

















// =====================页面特效====================
// 定义一个con绑定.container
const con=document.querySelector('.container');

// 定义两个函数开关（门）
let isIn=true;      // 鼠标进去的门，默认打开
let isOut=false;    // 鼠标出去的门，默认关闭

var span;           // 给未出生的元素取个名字span

// 添加监听
// 监听鼠标进去的事件
con.addEventListener('mouseenter',(e)=>{
    // 如果进去的门是打开的，就可以执行这个函数
    if(isIn){
        // 获取进入的鼠标位置
        // 生成元素的位置=进入点距离窗口的距离-父盒子距离窗口的距离
        let inX=e.clientX-e.target.offsetLeft;
        let inY=e.clientY-e.target.offsetTop;

        // 创建一个span元素，并且给它对应的出生坐标
        let el=document.createElement('span');
        el.style.left=inX+'px';
        el.style.top=inY+'px';
        // 添加到con对应的父元素，即container
        con.appendChild(el);

        $('.container span').removeClass('out');    // 移除出去的动画
        $('.container span').addClass('in');        // 添加进入的动画
        span=document.querySelector('.container span');
        isIn=false;     // 关闭进来的门（不能使用进入的方法）
        isOut=true;     // 打开出去的门（可以使用出去的方法）
    }
})
// 监听鼠标出去的事件
con.addEventListener('mouseleave',(e)=>{
    if(isOut){
        // 获取出去的鼠标位置
        // 生成元素的位置=出去点距离窗口的距离-父盒子距离窗口的距离
        let outX=e.clientX-e.target.offsetLeft;
        let outY=e.clientY-e.target.offsetTop;

        $('.container span').removeClass('in');     // 移除进入的动画
        $('.container span').addClass('out');       // 添加出去的动画
        // 添加出去的坐标
        $('.out').css('left',outX+'px');
        $('.out').css('top',outY+'px');

        isOut=false;    // 关闭出去的门
        // 当动画结束后再删除元素
        setTimeout(() => {
            con.removeChild(span);      // 删除元素
            isIn=true;                  // 打开进入的门
        }, 500);
    }
})